﻿<!DOCTYPE html>
<html>
<head>
    <title>吴淞学区红色电影征文活动</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <style type="text/css">

        body {
            background-color: #fffcef;
            /*去除移动端webkit浏览器点击按钮或超链接默认灰色背景色*/
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        .wrap_menu {
            position: fixed;
            bottom: 0.5em;
            width: 100%;
            text-align: center;
        }

        .menu_item {
            display: inline-block;
            background-color: red;
            color: white;
            height: 2em;
            line-height: 2em;
            width: 6em;
            border-radius: 1em;
            text-decoration: none;
            border: 1px solid red;
        }

            .menu_item:active {
                background-color: white;
                color: red;
            }
    </style>
</head>
<body>
    <section style="font-size: 14px;">
        <section class="_135editor" style="position: static;">
            <section style="margin-top: 10px; margin-right: 0%; margin-left: 0%; position: static;">
                <section style="display: inline-block; width: 100%; vertical-align: top; background-color: rgb(255, 252, 238);">
                    <section class="_135editor" style="position: static;">
                        <section style="margin-right: 0%; margin-left: 0%; position: static;">
                            <section style="background-color: rgb(182, 44, 37); height: 4px;"></section>
                        </section>
                    </section>
                    <section class="_135editor" style="position: static;">
                        <section style="text-align: center; margin: 10px 0%; position: static;">
                            <section style="display: inline-block; width: 95%; vertical-align: top; border-width: 1px; border-radius: 0px; border-style: solid; border-color: rgb(184, 153, 112); padding: 10px;">
                                <section class="_135editor" style="position: static;">
                                    <section style="margin-top: 10px; margin-bottom: 10px; position: static;">
                                        <section style="display: inline-block; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid rgb(184, 153, 112); border-bottom: 1px solid rgb(184, 153, 112); border-right-color: rgb(184, 153, 112); border-left-color: rgb(184, 153, 112);">
                                            <section style="padding-right: 5px; padding-left: 5px; display: inline-block; background-color: rgb(182, 44, 37); color: rgb(255, 255, 255); font-size: 16px;">
                                                <p>
                                                    9、我骄傲我是中国人
                                                </p>
                                                <p>
                                                    ——《战狼2》观后感
                                                </p>
                                            </section>
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor">
                                    <section style="position: static;">
                                        <section style="text-align: left;">
                                            <p>
                                                <br />
                                            </p>
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor" style="position: static;">
                                    <section style="margin-top: 10px; margin-bottom: 10px; position: static;">
                                        <section style="max-width: 100%; vertical-align: middle; display: inline-block;">
                                            <img width="100%" src="../asset/images/dj_cover/9.jpg" style="vertical-align: middle;" data-ratio="0.6666667" data-w="495" />
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor">
                                    <section style="position: static;">
                                        <section style="text-align: left; color: rgb(110, 85, 51); line-height: 1.8;">
                                            <p style="text-indent: 2em;">
                                                2017年暑假《战狼2》刚上映时，第一时间走进电影院观看影片，第一次看军旅题材电影泪洒影院。这次借“重温红色经典 永远跟党前行”的观影学习要求，让我有机会又重温了一遍影片，重看一遍的感觉依然是震撼，我骄傲我是中国人！
                                            </p>
                                            <p style="text-indent: 2em;">
                                                电影沿袭了第一部剧情，故事发生在非洲附近的大海上，主人公冷锋遭遇人生滑铁卢，被“开除军籍”，本想漂泊一生的他，正当他打算这么做的时候，一场突如其来的意外打破了他的计划，突然被卷入了一场非洲国家叛乱，本可以安全撤离，却因无法忘记曾经为军人的使命，孤身犯险冲回沦陷区，带领身陷屠杀中的同胞和难民，展开生死逃亡。随着斗争的持续，体内的狼性逐渐复苏，最终孤身闯入战乱区域，为同胞而战斗。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                整部影片中，中国军人空手擒拿一招制敌，飞檐走壁弹无虚发，扑面而来的军人血性、责任担当和爱国情怀感染着每名观众，唤醒了沉寂在我们内心深处的英雄情结和民族血性，更唤醒了军人的责任与担当。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                主人公冷锋的表现把中国军人身上的阳刚、英雄与担当的一面展现的淋漓尽致，树起了军人好样子，让人看到了新时代军人的英雄血性在新时代的强军征程上焕发出的新活力。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                军舰上的海军官兵，通过视频眼睁睁看着暴乱分子屠杀中国同胞时，个个泪流满脸。身为军人，这眼泪是自责的、愧疚的，更是无奈的，眼睁睁看着同胞遭受屠杀却无能为力时，觉得愧对军装赋予的责任和使命。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                当冷锋等人将同胞救出途经主战区，暴乱分子已将枪口对准车队时，冷锋冷静处置，用胳膊撑起了鲜艳的五星红旗，大摇大摆地朝着战区驶去，交战双方看到飘扬的中国国旗后，“不要射击，他们是中国人。”成为他们的共识。此时的五星红旗便是国威的最佳体现。这一刻，我认识到了祖国的强大，那是一代又一代的先驱者们用鲜血与生命交换而来的!所有的战争、骚乱、恐吓，在两个字面前毫无作用——中国。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                影片结尾，中国护照的出现，让人油然而生的自豪感，叫做“我是中国人”。想起当时观影的这一刻，随着电影的结束，影院上空响起雷鸣般的掌声，我热泪盈眶……
                                            </p>
                                        </section>
                                    </section>
                                </section>
                            </section>
                        </section>
                    </section>
                    <section class="_135editor" style="position: static;">
                        <section style="margin-right: 0%; margin-left: 0%; position: static;">
                            <section style="background-color: rgb(182, 44, 37); height: 4px;"></section>
                        </section>
                    </section>
                </section>
            </section>
        </section>
    </section>
    <p>
        <br />
    </p>
    <section class="wrap_menu">
        <a id="menu_vote" class="menu_item">投票</a>&nbsp;&nbsp;
        <a id="menu_back" href="../index.html?back=a" class="menu_item">返回</a>
    </section>
    <script src="http://cdn.bootcss.com/zepto/1.1.4/zepto.min.js" type="text/javascript"></script>
    <script src="../asset/js/utils.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var articleId = "EF238422-6F57-477A-96E6-E2A4E00011EF";
            var user = getCookie("wusong_user");
            var openId = JSON.parse(user).OpenID;
            var nickName = JSON.parse(user).NickName;
            var total;

            $.getJSON("../api/user/" + openId, function (data) {

                total = data.ThumbupCount;

                console.log("get user total of thumbup : " + total);

                //设置点赞按钮状态
                if (data.ThumbupCount >= 3) {
                    $("#menu_vote").css("background-color", "gray");
                    $("#menu_vote").unbind("click");
                }
            });

            $("#menu_vote").click(function () {

                var model = { "openid": openId, "nickname": nickName, "articleid": articleId };

                $.ajax({
                    url: "../api/thumbup/",
                    contentType: "application/json; charset=utf-8",
                    type: "POST",
                    data: JSON.stringify(model),
                    error: function (data) {
                        console.log(data);
                    },
                    success: function (data) {
                        total++;
                        console.log("vote ok. Total of thumbup : " + total);

                        if (total >= 3) {
                            $("#menu_vote").css("background-color", "gray");
                            $("#menu_vote").unbind("click");
                        }

                    }
                });

            });

        });

    </script>
</body>
</html>